<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="getStyle.js"></script>
	<script type="text/javascript">
	// window.onload=function(){
	// 	var div1=document.getElementById('div1');
	// 	var div2=document.getElementById('div2');
	// 	var div3=document.getElementById('div3');
	// 	var btn=document.getElementById('btn');
	// 	var height=getStyle(div3,"height"),width=getStyle(div3,"width");
	// 	btn.onclick=function(){
	// 		move(div1,{left:400},30)
	// 		move(div2,{left:400},30)
	// 	}
	// 	//==========方向进入===============
	// 	div3.onmouseover=function(evt){
	// 		evt=evt||window.event;
	// 		console.log(evt.offsetX+" "+evt.offsetY);

	// 		var y=evt.offsetY,x=evt.offsetX;
	// 		console.log(height+" "+width);
	// 		console.log(x+" "+y);
	// 		console.log(Math.atan(y,x));
	// 		if(y>=0&&y<height&x<(width/2)){
	// 			console.log("左边进入")
	// 		}
	// 		if(y>=0&&y<height&x>=(width/2)){
	// 			console.log("右边进入")
	// 		}
			
	// 		if(y<(height/2)&&x<width&x>=0){
	// 			console.log("上边进入")
	// 		}
	// 		if(y>=(height/2)&&x<width&x>=0){
	// 			console.log("下边进入")
	// 		}
	// 	}
	// 	//toggle练习====================================
		
		
	// }
		
	</script>
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript">
		(function($){
			$(function(){
				$('#btn2').toggle(
				function(){
					
						console.log(1)
					
				},function(){
					
						console.log(2)
					
				})
				
				
				//$('#btn2').click(function(){alert(123)});
				 
			});
		})(jQuery);
	</script>
	<style type="text/css">
		#div1{
			height:100px;
			width:100px;
			background:red;
			position:absolute;
			left:0px;
			top:100px;
		}
		#div2{
			height:100px;
			width:100px;
			background:blue;
			position:absolute;
			left:600px;
			top:100px;
		}
		#div3{
			height:100px;
			width:100px;
			background:green;
			margin:300px auto;
			
		}
	</style>
</head>
<body>
	<input type="button" id="btn" name="" value="开始">
	<input type="button" id="btn2" name="" value="开始2">
	<div id="div1">1</div>
	<div id="div2">2</div>
	<div id="div3">3</div>
</body>
</html>